@charset "utf-8";
/* CSS Document */
.bodyer{
	background-image:url(../../../images/screen/cloudregulation/yjg_main_bg.png);
	}
.card_title{
	width:440px;
	height:78px;
	text-align:center;
	font-size:36px;
	background:url(../../../images/screen/cloudregulation/sm_pt_bg.png) center top no-repeat;
	left:50%;
	margin-left:-220px;
	position:absolute;
	top:-3px;
	line-height:78px;
	
	}
.card_mid_title{
	font-size:48px;
	width:802px;
	height:92px;
	line-height:92px;
	text-align:center;
	position:absolute;
	left:50%;
	top:-10px;
	background:url(../../../images/screen/cloudregulation/yjp_gx_pt_bg.png) center center no-repeat;
	margin-left:-401px;
	}
.card_mid_title img{ 
margin-top:20px;
}

.top_exp{ 
padding-left:145px;
padding-top:40px;
}
.top_exp.mod{
	padding-left:590px;
	}
.top_exp li{ 
   float:left;
   margin-right:40px;
   font-size:24px;
}
.top_exp li img{
	margin-right:15px;
	vertical-align:middle;
	border:none;
	width:45px;
	height:36px;
	}
.top_exp li.reder{
	color:#ff6699;
	}
.scroll_part_all{
	height:820px;
	width:1100px;
	border-right: 1px solid #00b0f0;
	margin-top:30px;
	display:inline-block;
	}
#boxscroll,#boxscroll2 {/*自定义滚动条外框*/
	width: 1044px;
	overflow: auto;
	margin-left:60px;
	padding: 0;
	height:790px;
}
.box_card_list{
	padding-top:20px;
	margin:0;
	}
.box_card_list li{
	float:left;
	width:33.3%;
	margin-bottom:30px;
	position:relative;
	}
.box_card_list li .li_card_left{
	height:128px;
	width:128px;
	float:left;
	position:relative;
	cursor:pointer;
	}
.box_card_list li .li_card_left img{
	margin-left:18px;
	margin-top:27px;
	position:relative;
	}
.box_card_list li .li_card_left:hover{
	background:url(../../../images/screen/cloudregulation/sel_yjg_bg.png) no-repeat center center;
	}
.box_card_list li .li_card_right{
	height:128px;
	float:left;
	}
.box_card_list li .li_card_right p,.box_card_list li .li_card_right h4{
	margin-left:15px;
	}
.box_card_list li .li_card_right h4{
	margin-bottom:5px;
	margin-top:20px;
	font-size:18px;
	}
.box_card_list li .li_card_right p{
	font-size:11px;
	margin-bottom:5px;
	}
.box_card_list li .li_card_right p span{
	display:inline-block;
	vertical-align:top;
	white-space:nowrap;
	height:10px;
	}
.box_card_list li .li_card_right p .lip_lf1{
	width:30px;
	}
.box_card_list li .li_card_right p .lip_lf2{
	width:110px;
	display:inline-block;
	height:10px;
	}
.box_card_list li .li_card_right p .lip_lf2 i{
	background:url(../../../images/screen/cloudregulation/load_nol.png) left repeat-x ;
	display:inline-block;
	height:100%;
	}
.box_card_list li .li_card_right p .lip_lf2.gred_load i{
	background:url(../../../images/screen/cloudregulation/load_red.png) left repeat-x ;
	}
.box_card_list li .li_card_right p .lip_lf2.gorg_load i{
	background:url(../../../images/screen/cloudregulation/load_org.png) left repeat-x ;
	}

.box_card_list li .li_card_left .msg_num{
	position:absolute;
	display:inline-block;
	border-radius:40px;
	height:34px;
	line-height:34px;
	color:#fff;
	background-color:#ff6161;
	padding:0 11px;
	font-size:16px;
	right:0px;
	top:8px;
	}
.box_card_list li .li_card_left:hover .li_card_pop{
	display:block;
	}
.box_card_list li:hover{
	z-index:9999;
	}
.box_card_list li .li_card_left .li_card_pop{
	background:url(../../../images/screen/cloudregulation/pop_bg.png);
	width:576px;
	height:276px;
	display:none;
	position:absolute;
	top:120px;
	left:0;
	}
.box_card_list li .li_card_left.modr .li_card_pop{
	left:auto;
	right:0;
	}
.li_card_child{
	margin-left:28px;
	margin-top:40px;
	font-size:16px;
	}
.li_card_child td{
	padding:10px 5px; 
	}
.pop_tl{ 
    font-weight: bold;
	font-size:22px;
	
    }
.area_text{
	background:url(../../../images/screen/cloudregulation/yjg_pop_input.png) no-repeat;
	height:30px;
	width:178px;
	line-height:30px;
	text-indent:10px;
	}
.area_text.bojing{
	background-image:url(../../../images/screen/cloudregulation/yjg_pop_input2.png);
	color:#ff0066;
	}
.area_text .p_lf{
	height:17px;
	width:125px;
	display:inline-block;
	}
.area_text .p_lf i{
	height:100%;
	display:inline-block;
	background-repeat: repeat-x;
	background-position:left center;
	top:3px;
	position:relative;
	margin-left:-10px;
	}
.area_text.green{
	background-image:url(../../../images/screen/cloudregulation/yjg_pop_input3.png);
	color:#00b050;
	}
.area_text.green .p_lf i{
	background-image:url(../../../images/screen/cloudregulation/load_nol_pop.png);
	}
.area_text.pink{
	background-image:url(../../../images/screen/cloudregulation/yjg_pop_input4.png);
	color:#ff6699;
	}
.area_text.pink .p_lf i{
	background-image:url(../../../images/screen/cloudregulation/load_nol_pop2.png);
	}
.area_text.orange{
	background-image:url(../../../images/screen/cloudregulation/yjg_pop_input5.png);
	color:#ed7d31;
	}
.area_text.orange .p_lf i{
	background-image:url(../../../images/screen/cloudregulation/load_nol_pop3.png);
	}
.mid_show_tab_num{
	height:968px;
	width:1422px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background:url(../../../images/screen/cloudregulation/yjg_show_info_num.png) center 160px no-repeat;
	position:relative;
	}
.sever_big_mid{
	width:1063px;
	height:968px;
	background:url(../../../images/screen/cloudregulation/yjg_sever_img.png) no-repeat center 190px;
	margin-left:-530px;
	left:50%;
	top:0;
	position:absolute;
	z-index:1;
	}
.sever_big_mid.hover_mid{
	background-image:url(../../../images/screen/cloudregulation/yjg_sever_img1.png);
	background-position:center top;
	}
.sever_big_mid.hover_lf{
	background-image:url(../../../images/screen/cloudregulation/yjg_sever_img3.png);
	background-position:-23px 190px;
	}
.sever_big_mid.hover_rt{
	background-image:url(../../../images/screen/cloudregulation/yjg_sever_img2.png);
	background-position:22px 190px;
	}
.all_num_con{
	width:100%;
	height:100%;
	position:relative;
	z-index:3;
	}
.fw_num,.cp_num,.nc_num,.cpsyl_num,.wl_num,.bj_num{
	position:absolute;
	font-size:28px;
	}

.fw_num i,.cp_num i,.nc_num i,.cpsyl_num i,.wl_num i,.bj_num i{
	font-size:62px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:normal;
	margin-right:5px;
	}
.fw_num{
	color:#00b0f0;
	left:330px;
	top:240px;
	}
.cp_num{
	color:#00ffff;
	left:990px;
	top:240px;
	}
.nc_num{
	color:#66ff66;
	left:130px;
	top:500px;
	}
.cpsyl_num{
	color:#00b0f0;
	left:1252px;
	top:500px;
	}
.wl_num{
	color:#00ffff;
	left:205px;
	top:836px;
	}
.bj_num{
	color:#ffc000;
	left:1268px;
	top:836px;
	}
.mid_handel{
	display:inline-block;
	height:542px;
	width:298px;
	position:absolute;
	z-index:10;
	left:575px;
	top:348px;
	cursor:pointer;
	}
.left_handel,.right_handel{
	display:inline-block;
	width:200px;
	height:432px;
	position:absolute;
	z-index:11;
	cursor:pointer;
	}
.left_handel{
	left:360px;
	top:406px;
	width:210px;
	}
.right_handel{
	left:864px;
	top:406px;
	
	}
.menu_top ul li a span{ 
	margin-right: 20px;
}